<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/car.css">
</head>

<body>
    <nav>
        <div class="nav-content">
            <div class="logo">
                <img src="./img/登录/logo.png" alt="">
            </div>
            <div class="nav-msg">
                <div class="nav-msg-1">legochina.cn</div>
                <div class="nav-msg-2">欢迎光临<span class="nav-span">乐购</span>，请&nbsp;<span
                        class="nav-login">登录\</span><span class="nav-span nav-regist">注册</span>
                </div>
            </div>
        </div>
    </nav>
    <header>
        <div class="search">
            <input type="text" placeholder="设计中的设计 原研裁">
            <img src="./img/登录/search.png" alt="">
        </div>
        <div class="select">
            <div class="select-msg">配送至</div>
            <select name="" id="">
                <option value="成都高新区三环内">成都高新区三环内</option>
            </select>
        </div>
    </header>
    <main>
        <div class="main-msg">全部商品（2）</div>
        <table>
            <thead>
                <tr>
                    <th><input type="checkbox" class="checkAll">
                        <div class="all">全选</div>
                    </th>
                    <th>商品</th>
                    <th>单价</th>
                    <th class="total">数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>

            <tbody>

                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
        <div class="cal">
            <div class="cal-left">
                <input type="checkbox" class="checkAll">
                <div class="cal-all">全选</div>
                <button class="cal-del">删除选中商品</button>
                <div class="cal-msg">已选择<span class="choose-num">1</span>件商品</div>
                <div class="cal-total">总价<span class="price-total">41.00</span></div>
            </div>
            <div class="cal-right">
                <button class="pay">去结算</button>
            </div>
        </div>
        <div class="like">
            <div class="like-title">
                人气单品
            </div>
            <div class="like-box">
                <div class="box-1">
                    <div class="box-2">
                        <div class="book">
                            <img src="./img/书籍/22935553-1_l.jpg" alt="">
                        </div>
                        <img class="discount" src="./img/购物车/discount.png" alt="">
                        <div class="like-msg">白夜行 &nbsp;东野圭吾</div>
                        <div class="star">
                            <span>推荐：</span>
                            <div class="star-box">
                                <div class="star-box-1">
                                    <div class="star-box-2"></div>
                                    <div class="star-box-3"></div>
                                </div>
                            </div>
                        </div>
                        <div class="like-price">￥:38 <span>￥:58</span></div>
                    </div>
                    <div class="box-2">
                        <div class="book">
                            <img src="./img/书籍/22935553-1_l.jpg" alt="">
                        </div>
                        <img class="discount" src="./img/购物车/discount.png" alt="">
                        <div class="like-msg">白夜行 &nbsp;东野圭吾</div>
                        <div class="star">
                            <span>推荐：</span>
                            <div class="star-box">
                                <div class="star-box-1-1">
                                    <div class="star-box-2-1"></div>
                                    <div class="star-box-3-1"></div>
                                </div>
                            </div>
                        </div>
                        <div class="like-price">￥:38 <span>￥:58</span></div>
                    </div>
                    <div class="box-2">
                        <div class="book">
                            <img src="./img/书籍/22935553-1_l.jpg" alt="">
                        </div>
                        <img class="discount" src="./img/购物车/discount.png" alt="">
                        <div class="like-msg">白夜行 &nbsp;东野圭吾</div>
                        <div class="star">
                            <span>推荐：</span>
                            <div class="star-box">
                                <div class="star-box-1-2">
                                    <div class="star-box-2-2"></div>
                                    <div class="star-box-3-2"></div>
                                </div>
                            </div>
                        </div>
                        <div class="like-price">￥:38 <span>￥:58</span></div>
                    </div>
                    <div class="box-2">
                        <div class="book">
                            <img src="./img/书籍/22935553-1_l.jpg" alt="">
                        </div>
                        <img class="discount" src="./img/购物车/discount.png" alt="">
                        <div class="like-msg">白夜行 &nbsp;东野圭吾</div>
                        <div class="star">
                            <span>推荐：</span>
                            <div class="star-box">
                                <div class="star-box-1-3">
                                    <div class="star-box-2-3"></div>
                                    <div class="star-box-3-3"></div>
                                </div>
                            </div>
                        </div>
                        <div class="like-price">￥:38 <span>￥:58</span></div>
                    </div>
                    <div class="box-2">
                        <div class="book">
                            <img src="./img/书籍/22935553-1_l.jpg" alt="">
                        </div>
                        <img class="discount" src="./img/购物车/discount.png" alt="">
                        <div class="like-msg">白夜行 &nbsp;东野圭吾</div>
                        <div class="star">
                            <span>推荐：</span>
                            <div class="star-box">
                                <div class="star-box-1-4">
                                    <div class="star-box-2-4"></div>
                                    <div class="star-box-3-4"></div>
                                </div>
                            </div>
                        </div>
                        <div class="like-price">￥:38 <span>￥:58</span></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="advertise">
            <img src="./img/购物车/广告.png" alt="" style="width: 1200px; height: 90px;">
        </div>
    </main>
    <footer>
        <div class="foot-descri">
            <div class="foot-image">
                <img src="./img/goodsDetail/222_11.png" alt="">
                <img src="./img/goodsDetail/222_13.png" alt="">
                <img src="./img/goodsDetail/222_15.png" alt="">
                <img src="./img/goodsDetail/222_17.png" alt="">
            </div>
        </div>
        <div class="footer-content">
            <div class="foot-center">
                <div class="content-logo">
                    <div class="foot-guide">
                        <div class="guide-content">
                            <span class="h4">购物指南</span>
                            <span>购物流程</span>
                            <span>发票制度</span>
                            <span>账户管理</span>
                            <span>会员优惠</span>
                        </div>
                        <div class="guide-content">
                            <span class="h4">支付方式</span>
                            <span>货到付款</span>
                            <span>网上支付</span>
                            <span>礼品卡支付</span>
                            <span>银行卡转账</span>
                        </div>
                        <div class="guide-content">
                            <span class="h4">订单服务</span>
                            <span>订单配送查询</span>
                            <span>订单状态说明</span>
                            <span>自助取消订单</span>
                            <span>自助修改订单</span>
                        </div>
                        <div class="guide-content">
                            <span class="h4">退换货</span>
                            <span>退换货政策</span>
                            <span>自助申请退换货</span>
                            <span>退换货进度查询</span>
                            <span>退款方式和时间</span>
                        </div>
                        <div class="guide-content1">
                            <span class="h4">商家服务</span>
                            <span>商家中心</span>
                            <span>运营服务</span>
                            <span>加入尾品汇</span>
                        </div>
                    </div>
                    <div class="foot-logo">
                        <img src="./img/goodsDetail/logo_00.png" alt="">
                    </div>
                </div>
            </div>

            <div class="foot">
                <div class="line1">
                    <span>公司简介</span>
                    <span>|</span>
                    <span>Investor Relations</span>
                    <span>|</span>
                    <span>网站联盟</span>
                    <span>|</span>
                    <span>乐购招商</span>
                    <span>|</span>
                    <span>机构销售</span>
                    <span>|</span>
                    <span>手机乐购</span>
                    <span>|</span>
                    <span>官方Blog</span>
                    <span>|</span>
                    <span>热词搜索</span>
                </div><br>

                <div class="line2">
                    <span>Copyright (C)
                        乐购网 2004-2016，
                        All Rights Reserved
                    </span>
                </div>
            </div>
        </div>
    </footer>
    <script src="./js/car.js"></script>
    <script>

    </script>
</body>

</html>